<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Chrome CSPAT Data</title>
	<link rel="shortcut icon" href="../icons/enabled.ico">
	<link rel="stylesheet" href="../vender/jquery-ui/css/smoothness/jquery-ui-1.10.4.custom.min.css">
	<script src="../vender/jquery-ui/js/jquery-1.11.0.min.js"></script>
	<script src="../vender/jquery-ui/js/jquery-ui-1.10.4.custom.min.js"></script>
	<script src="table_data.js"></script>
	<script src="cspat_port.js"></script>
	<script src="cspat_render.js"></script>
	<link rel="stylesheet" href="cspat.css">
</head>
<body>

<div class="button-bar">
	<!--	<button id="add">Add</button>-->
	<button id="start">Start</button>
	<button id="stop">Stop</button>
	<button id="reset">Reset</button>
</div>

<div id="rename" title="Rename Operation">
	<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all">
</div>

<div id="status" class="info">
	<span class="info-title">Status</span> | <span id="cspat_status" class="info-content">Done</span>
</div>

<div id="process" class="info">
	<span class="info-title">CPU/Network</span> | <span class="info-content"> CPU: <span id="cpu">2</span> &nbsp; &nbsp; &nbsp; Network: <span id="network">15</span>KB/s</span>
</div>

<div id="memory" class="info">
	<span class="info-title">Memory Info</span> | <span class="info-content">Memory Usage: <span id="mem">123,456</span>KB &nbsp; &nbsp; &nbsp; VM Size: <span id="vm">112,916</span>KB</span>
</div>

<div id="time" class="info">
	<span class="info-title">Elapsed Times</span> | <span id="time_graph" class="info-content">Placeholder for time graph</span>
</div>

<div id="dom" class="info">
	<span class="info-title">DOM Info</span> | <span class="info-content"># of Nodes: <span id="nodes">1140</span></span>
</div>

<div class="manip-header">
	<span>Manipulations: </span><a href="#" id="export_all" class="right">Export All</a><a href="#" id="export_basic_info" class="right">Export Basic Info</a>
</div>

<div id="accordion">
</div>

</body>
</html>
